<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!-- 3.外部样式表 -->
	<!-- 3.1 使用link标签引入外部样式表 -->
	<!-- <link rel="stylesheet" href="./style.css"> -->
	<!-- 2.内部样式表  -->
	<style>
		/* 3.2 使用@import 引入外部样式表 */
		/* @import url('./style.css'); */
		/* 注意:一定要将@import放在第一行 否则不会生效 */
		div{
			color: red;
			font-size: 28px;
		}
	</style>
	<link rel="stylesheet" href="./style.css">
	
</head>
<body>
	<!-- 1.内联样式 行内样式 设置css样式 直接在标签内部使用style属性来设置 -->
	<!-- <div style="color: red;">我是块级元素</div> -->
	<div >我是块级元素</div>
</body>
</html>